body{ color:#333; font-size:13px;}

input,select,textarea{color:#333;}

.bg{ width:100%; height:100%; position:absolute; background:url(../images/bg.jpg) }

.panel{background:#fff;}

form .form-group:last-child{padding-bottom:0;}

.passcode{position:absolute;right:0;bottom:0;height:32px;margin:1px;border-left:solid 1px #ddd;text-align:center;line-height:32px;border-radius:0 4px 4px 0;}

ul,li{ list-style-type:none;}



.lefter{position:relative;float:left;width:180px;margin-right:-180px;background:#e6f2fb;text-align:center;}

.righter{float:right;width:100%;padding-top:15px;background:#e6f2fb;}

.mainer{margin-left:180px;}

.field-icon-right .icon{ bottom:0px; top:auto}

.logo{ float:left; color:#FFF; margin-top:10px; line-height:45px;}

.logo img{ float:left; margin-right:10px;}

.loginbox { background:url(../images/tmbg-white.png); border:0px;}

/********头部******/

.header{height:70px; overflow:hidden; background:url(../images/bg.jpg) no-repeat 0 -1000px; }

.head-l{ float:left; margin-top:17px; margin-left:15px; }

.head-l .button{ padding:8px 15px;}

.head-l .bg-blue:hover{ background-color:#03b6fd;}

.leftnav{width:180px; height:100%; position:fixed; top:70px; left:0px;}

.leftnav-title { height:50px; background:url(../images/bg.jpg) no-repeat 0 -1000px;  color:#FFF; padding-left:22px;  font-size:14px; line-height:50px;}

.leftnav-title span{ margin-right:10px;}

.leftnav h2{ padding:10px 0 10px 22px; transition:all .1s ease-in-out; display:block; cursor:pointer; font-weight:bold; font-size:14px; border-top:1px solid #b5cfd9;}

.leftnav h2.on{ color:#09c;}

.leftnav .border-bottom{ border-bottom:1px solid #b5cfd9;}

.leftnav h2 span{ margin-right:10px;}

.leftnav h2:hover{ color:#09c;}

.leftnav ul {display:none; border-top:1px solid #b5cfd9; padding:5px 0; opacity:1;}

.leftnav ul li{ list-style-type:none;  }

.leftnav ul li a{ display:block;padding-left:30px;line-height:30px; }

.leftnav ul li span{ margin-right:8px;}

.leftnav ul li a:hover,.leftnav ul li a.on{ color:#09c;}



/***主要内容***/

.admin{background:#fff;position:fixed;border-left:solid 1px #b5cfd9;right:0;bottom:0;top:110px;left:180px; padding:15px; padding-right:0px; padding-bottom:0px; overflow:auto; border-top:1px solid #b5cfd9; padding-right:15px;}

.content{width:100%;}

.body-content{padding:20px 0; overflow:hidden;}

.content .title{ border-bottom:1px solid #dfdfdf; line-height:35px; font-size:14px; font-weight:bold; color:#09c}

.form-x .form-group .label{ width:10%;}

.form-x .form-button { margin-left:10%;}

.w50 { width:25%; float:left;}

.form-x .tipss{ float:left; padding-left:10px; color:#888; line-height:42px;}

.input-help { float:left; line-height:30px;}

.input-help li{ float:left;margin-left:10px;}

.bread{ margin-left:190px; margin-top:4px;}

.bread li{ float:left;}

.label label{ font-weight:normal; color:#333;}

.form-group{ margin-bottom:12px;}

.button{ padding:10px 15px;}

.form-group .field .file{ background:#FFF; border:0px;}

.form-group .field input[type=radio]{ vertical-align:middle; line-height:35px; margin-right:5px;}

.form-group .radio { line-height:35px;}

.table th{ text-align:center;}

.table td { vertical-align:middle;}

.tip img{width:100px; height:100px;}

.clear{ clear:both; overflow:hidden;}

.pagelist {padding:10px 0; text-align:center;}

.pagelist span,.pagelist a{ border-radius:3px; border:1px solid #dfdfdf;display:inline-block; padding:5px 12px;}

.pagelist a{ margin:0 3px;}

.pagelist span.current{ background:#09F; color:#FFF; border-color:#09F; margin:0 2px;}

.pagelist a:hover{background:#09F; color:#FFF; border-color:#09F; }

.pagelist label{ padding-left:15px; color:#999;}

.pagelist label b{color:red; font-weight:normal; margin:0 3px;}



.search{ overflow:hidden;}

.search li{float:left; margin-right:15px; line-height:35px;}



.button.bg-main.icon-check-square-o{ padding:10px 30px;}

.button.bg-main.icon-check-square-o:hover{ background:#08bbe1;}

input[type="checkbox"], input[type="radio"]{ width:15px; height:15px; vertical-align:-3px; margin-right:5px;}



textarea[name=content]{width:100%; height:500px; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px;}





/**upload img*******/

p.pic-preview{

	float:left;

	background:#fff;

 

	widows:100px;

	overflow:hidden;

	}	

p.pic-preview img{

	display:block;

	width:100%;

	}

p.pic-preview span{

	display:block;

	height:40px;

	width:100px;

	position:relative;

	background:#fff;

	}

p.pic-preview span a.a-file{

    position:absolute;

    display:inline-block;

    background:#d0eeff;

    border-radius:4px;

    overflow:hidden;

    color:#1e88c7;

    text-decoration:none;

    text-indent:0;

    line-height:22px;

	height:22px;

	width:80px;

	text-align:center;

	background:#f1a314;

	color:#fff;

	bottom:5px;

	left:10px;

   }

p.pic-preview span a.a-file input{

    position:absolute;

    font-size:100px;

    right:0;

    top:0;

    opacity:0;

    

    }

p.pic-preview span a.a-file:hover{



    text-decoration:none;

    

    } 



/********************上传附件 按钮************************************/

.upload-btn{ float:left;position: relative;overflow: hidden;margin-right: 4px;display:inline-block;*display:inline;padding:4px 10px 4px;font-size:14px;line-height:18px;*line-height:20px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;background-color:#5bb75b;border:1px solid #cccccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

.upload-btn input {position: absolute;top: 0; right: 0;margin: 0;border: solid transparent;opacity: 0;filter:alpha(opacity=0); cursor: pointer;}

.progress {

	 position:relative; 

	 margin-top:4px; 

	 width:200px;

	 padding: 1px; 

	 border-radius:3px; 

	 height:100%;

	 float:left;

	 display:none

}

.bar {background-color: green; display:block; width:0%; height:20px; border-radius: 3px; }

.percent { position:absolute; height:20px; display:inline-block; top:3px; left:2%; color:#fff }

.files{

    height: 22px;

    line-height: 22px;

    margin: 4px 10px;

    float: left;

}

.delimg{margin-left:20px; color:#090; cursor:pointer}





/*----上传缩略图-----*/

   #single_pic,.single_pic{ clear:both;  overflow:hidden; }

		    #single_pic .item ,.single_pic .item{ float:left; position: relative; margin-left:12px; margin-top:20px; }



           #single_pic .item img,.single_pic .item img{border: 1px solid #cdcdcd;}

           #single_pic .operate,.single_pic .operate{

			   

			   height:11px;

			   width:11px; 

			   right:5px;

			   top:5px;

			   position: absolute;  

			   z-index: 5;   

			   text-align: center;

			   cursor: pointer;

			   background:rgba(33, 33, 33, 0.2) url(../images/plupload_bg.png) -13px -2px no-repeat  ;

			   }

        

		   

           #single_pic  .preview,.single_pic .preview{background-color: #fff; font-family: arial; line-height: 90px; text-align: center; z-index: 4; left: 0; position: absolute; top: 0; height: 90px; overflow: hidden; width: 90px;}







